1

gulp是什么

是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器 ,是基于nodejs的开发工具。

gulp的安装

npm install gulp-cli -g
npm install gulp -D
touch gulpfile.js//tuch建立gulpfile.js文件
gulp --help

在npm中实现命令来安装
package.json是基于nodejs项目必不可少的配置文件,它是存放在项目根目录的普通json文件
gulpfile.js是gulp项目的配置文件,是位于项目根目录的普通js文件

gulp插件( plugin)

gulp.src

src方法是指定需要处理的源文件的路径,gulp借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,gulp.src返回当前文件流至可用插件;

  • “*”:匹配所有文件
  • “**”:匹配0个或多个子文件夹
  • “{}”:匹配多个属性
    *“!”:排除文件
var gulp = require('gulp'),
    less = require('gulp-less');//引入插件
 
gulp.task('testLess', function () {
    //gulp.src('less/test/style.less')
    gulp.src(['less/**/*.less','!less/{extend,page}/*.less'])//寻找文件
        .pipe(less())
        .pipe(gulp.dest('./css'));//输出文件地址
});

iframe

<iframe></iframe>

在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素
*frameborder 规定是否显示框架周围的边框
*stcdoc规定在 <iframe> 中显示的页面的 HTML 内容
*seamless规定 <iframe> 看上去像是包含文档的一部分
*sandbox < sandbox 属性将会启用一系列对行内框架中内容的额外限制


黄黄黄
119 声望6 粉丝

下一篇 »
javascript bom